
/* CSS-файл шаблона default*/

.joi_gallery .subcat_block {
  margin-bottom:40px;
  padding:3em 0 1.5em;
  background:#F9F9F9;
  -webkit-border-radius: 5px;
  -moz-border-radius:5px;
}

.thumbnail .subcat_img_count {color: #EEF0E2; font-size: 80%}
.thumbnail:hover .subcat_img_count {color: #A0A0A0;}

.joi_gallery_info {}
.joi_gallery_info:hover {}

.description_top, .description_bottom, .joi_gallery_category .description {max-width: 70%;font-size: 0.9em}
.description_top, .joi_gallery_category .description {margin-bottom: 20px;}
.description_bottom {margin-top: 80px;}

.txt_subcats, .txt_photos {margin:0 40px 40px 40px;}
.txt_subcats div, .txt_photos div {color:#666;}
.title_subcats, .title_photos {font-size: 1.2em; font-weight: bold;}
.desc_subcats, .subcat_desc, .desc_photos, .photo_desc {font-size: 0.8em}

.title_photos {}

.catlist h2, .photos h3{
  font-size: 1.0em; 
}
.catlist h2 a, .photos h3 a{
  background: #000;
  padding:3px;
}
.catlist h2 a:hover, .photos h3 a:hover {
  background: #333;
}

.photo_prime {float:left; margin:0 30px 30px 0;}
.photo-info, .photo-info_desc {font-size: 0.8em; margin-bottom: 20px;}
.photo-info, .view-photo .author, .view-photo .date {float:left; margin-bottom: 20px;}
.view-photo .author {padding-right:20px}

.catlist .thumb img, .photos .thumb img,
.photo_prime .thumb img, .photo_nav img {
  background: #333;
  border:thin solid #E5E5E5;
  padding:2px;
}
.catlist .thumb img:hover, .photos .thumb img:hover,
.photo_prime .thumb img:hover, .photo_nav img:hover {
  background: #000;
  border-color: #122C43;
}

.catlist ul{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
.catlist li.category{
    list-style: none;
    display: block;
    overflow: hidden;
    width: 260px;
    float: left;
    margin: 2px 0 16px 0;
}

.photos img {
  margin: 2px;
}

.photo {}

.photos ul{
    list-style: none;
    margin: 0;
    padding: 0;    
}

.photos li.photo{
    list-style: none;
    display: block;
    overflow: hidden;
    width: 260px;
    float: left;
    margin: 2px 0 16px 0;
}
.photos li.photo h3{
    margin: 0;
}

.unpublished {}

.view-photo{
    padding: 10px 0 0 0;
}

.thumbnails {
  margin: -3em 0 0 -2em;
  text-align: center;
}

.thumbnail {
  text-decoration: none;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 3em 0 0 2em;
}

.thumbnail .r {
  width: 15em;
  float: left;
}

.photos .noimage img, .photo_prime .noimage img {
  background: #333;
  border:thin solid #F6F6F6;
  padding:2px;
}
.photos .noimage img:hover, .photo_prime .noimage img:hover {
  background: #333;
  border-color: #333;
}

.joi_gallery_photo .navline {
  border-top:thin dashed #333;
  border-bottom:thin dashed #333;
  margin:40px 0 40px 0;
  padding:20px 0 20px 0;
}
.navline .arrow {
  color: #333;
  font-size: 7em;
}
.navline .arrow, .navline .arrow:link, .navline .arrow:visited {
  color: #333;
  font-size: 7em;
  text-decoration: none;
}
.navline .arrow:hover {
  color: #333;
}
